<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>15.辅助元素</title>
    <link rel="stylesheet" href="../layui-v2.7.6/layui/css/layui.css">
</head>
<body>
<script type="text/javascript" src="../layui-v2.7.6/layui/layui.js"></script>

<blockquote class="layui-elem-quote">引用区域的文字</blockquote>
<blockquote class="layui-elem-quote layui-quote-nm">引用区域的文字</blockquote>

默认分割线
<hr>

赤色分割线
<hr class="layui-border-red">

橙色分割线
<hr class="layui-border-orange">

墨绿分割线
<hr class="layui-border-green">

青色分割线
<hr class="layui-border-cyan">

蓝色分割线
<hr class="layui-border-blue">

黑色分割线
<hr class="layui-border-black">


<fieldset class="layui-elem-field">
    <legend>字段集区块 - 默认风格</legend>
    <div class="layui-field-box">
        内容区域
    </div>
</fieldset>

<fieldset class="layui-elem-field layui-field-title">
    <legend>字段集区块 - 横线风格</legend>
    <div class="layui-field-box">
        内容区域
    </div>
</fieldset>

</body>
</html>